<template>
  <div class="list">
    <Item v-for="(data, index) in items" :data="data" :key="index" />
  </div>
</template>

<script>
import Item from './Item';

export default {
  name: 'List',
  components: {
    Item
  },
  props: {
    items: Array,
  }
};
</script>

<style scoped>

.list {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -43%);
  user-select: none;
  width: 100%;
  padding: 0 12vw;
}

</style>
